<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <meta charset="utf-8"/>
    <title>用户签到</title>
    <script>
         function sign(){
            window.location.href="./stage6_points_sign.html";
         }
    </script>
</head>
<body>
<div class="title_div" style="display: flex;align-items: center;">
    <div class="title_img" style="display: inline-block; margin: 10px;">
        <img src="./avatar.png">
    </div>
    <div class="tv_info" style="display: inline-block;margin: 0px;">
        <p>用户名</p>
        <p style="color: #66cccc;">九江市</p>
        <p>185********</p>
    </div>
    <div class="sign_in_div" style=" position: absolute;right: 10px;">
        <button onclick="sign()" style="background-color: #2196f3; color: aliceblue; border-radius=3px;">签到</button>
    </div>
</div>
<div>
    <p style="margin: 10px;background-color:#F5F5F5;color: black;padding: 5px;">任务列表</p>
</div>
<div style="overflow: hidden; align-items: center; display: flex">
    <p style="margin: 10px; color: black;padding: 5px;display: block;">任务1</p>
    <a style="position: absolute; right: 10px;color: #2196f3;" onclick="sign()">点击此处去完成</a>
</div>
<div style="overflow: hidden; align-items: center; display: flex">
    <p style="margin: 10px; color: black;padding: 5px;display: block;">任务2</p>
    <a style="position: absolute; right: 10px;color: #2196f3;" onclick="sign()">去完成</a>
</div>
<div style="overflow: hidden; align-items: center; display: flex">
    <p style="margin: 10px; color: black;padding: 5px;display: block;">任务3</p>
    <a style="position: absolute; right: 10px;color: #2196f3;" onclick="sign()">去完成</a>
</div>
<div style="overflow: hidden; align-items: center; display: flex">
    <p style="margin: 10px; color: black;padding: 5px;display: block;">任务4</p>
    <a style="position: absolute; right: 10px;color: #2196f3;" onclick="sign()">去完成</a>
</div>
<div style="overflow: hidden; align-items: center; display: flex">
    <p style="margin: 10px; color: black;padding: 5px;display: block;">任务5</p>
    <a style="position: absolute; right: 10px;color: #2196f3;" onclick="sign()">去完成</a>
</div>
<div style="overflow: hidden; align-items: center; display: flex">
    <p style="margin: 10px; color: black;padding: 5px;display: block;">任务6</p>
    <a style="position: absolute; right: 10px;color: #2196f3;" onclick="sign()">去完成</a>
</div>
<div style="overflow: hidden; align-items: center; display: flex">
    <p style="margin: 10px; color: black;padding: 5px;display: block;">任务7</p>
    <a style="position: absolute; right: 10px;color: #2196f3;" onclick="sign()">去完成</a>
</div>
</body>
</html>